<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AgriHire Solutions</title>

    <!--vendor css ================================================== -->
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">

    <!-- Link Swiper's CSS -->
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/Swiper/9.4.1/swiper-bundle.min.css"
    />

    <!--Bootstrap ================================================== -->
    <link
      href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"
    />

    <!-- Style Sheet ================================================== -->
    <link rel="stylesheet" type="text/css" href="style.css" />

    <!-- Google Fonts ================================================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Raleway:wght@400;700&display=swap"
      rel="stylesheet"
    />

    <!-- script ================================================== -->
    <script src="js/modernizr.js"></script>
    <style>
      .nav {
        background: linear-gradient(to right, #4a8b32, #f3f577); /* Adjust the colors based on the exact green shades */
        color: rgb(19, 16, 16);
        padding: 10px 20px;
        text-align: center;
      }

      .custom-btn {
        background-color: #4a8b32;
        border-color: #4a8b32;
      }

      .services-icon {
        font-size: 40px; /* Adjust the size as needed */
      }

    </style>
  </head>

  <body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary nav">
      <div class="container-fluid">
        <a class="navbar-brand" href="/static">AgriHire Solutions</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
          <ul class="navbar-nav">
            <li class="nav-item me-3">
              <a class="nav-link" href="#">Login</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Register</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    

    <!-- hero section start -->
    <section id="hero" class="position-relative overflow-hidden">
      <div class="container">
          <div class="row justify-content-center">
              <div class="col-md-12">
                  <img src="../static/banner7.jpg" class="img-fluid" alt="Banner Image">
              </div>
          </div>
      </div>
  </section>
  
    <!-- process section start  -->
    <section id="process" style="background-color: #f2f2f2; margin-top: 60px;">
      <div class="process-content container">
        <h2 class="text-center" style="margin-top: 0; padding-top: 40px; margin-bottom: 20px; padding-bottom: 10px;">
          <span style="color: #4a8b32;">Our Hiring Process</span>
        </h2>
        <hr class="progress-line" />
        <div class="row process-block">
          <div class="col-6 col-lg-3 text-start my-4">
            <div class="bullet"></div>
            <h5 class="text-uppercase mt-5">Choose A Machinery</h5>
            <p>Explore our extensive selection of over 300 types of agricultural machinery.</p>
          </div>

          <div class="col-6 col-lg-3 text-start my-4">
            <div class="bullet"></div>
            <h5 class="text-uppercase mt-5">Pick Location & Date</h5>
            <p>With 18 conveniently located stores spread across New Zealand, finding a location near you is easy.</p>
          </div>
        
          <div class="col-6 col-lg-3 text-start my-4">
            <div class="bullet"></div>
            <h5 class="text-uppercase mt-5">Place Your Order</h5>
            <p>At AgriHire Solutions, we pride ourselves on offering the best rates in the industry.</p>
          </div>
        
          <div class="col-6 col-lg-3 text-start my-4">
            <div class="bullet"></div>
            <h5 class="text-uppercase mt-5">Pick Up At Local Store!</h5>
            <p>Say goodbye to the hassle of logistics with our easy pickup and return process.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="rental" class="position-relative">
      <div class="container my-5 py-5">
        <h2 class="text-center my-5">
          <span style="color: #4a8b32;">Machinery For Hire</span>
        </h2>
        <div class="row" style="margin-bottom: 30px;">
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/tractor1.jpg" class="card-img-top" alt="Tractor Image">
              <div class="card-body p-4">
                <h4 class="card-title">Deutz Fahr Tractor</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">6185 RC Shift</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> FWA</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> 4WD</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$369<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/roller1.jpg" class="card-img-top" alt="Roller Image">
              <div class="card-body p-4">
                <h4 class="card-title">3M Tyre Roller</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">SW250</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Sakai</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Hydrostatic</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$119<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/sprayer1.jpg" class="card-img-top" alt="Tractor Image">
              <div class="card-body p-4">
                <h4 class="card-title">Amazone Sprayer</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">UX 5201</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Boom Spray</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> 5200ltr</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$289<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/wrapper1.jpg" class="card-img-top" alt="Tractor Image">
              <div class="card-body p-4">
                <h4 class="card-title">Bale Wrapper</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">1000 Speed Gear</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> McHale</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Fusion</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$159<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/spreader1.jpg" class="card-img-top" alt="Tractor Image">
              <div class="card-body p-4">
                <h4 class="card-title">Manure Spreader</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">2500R</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Sam</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Slurry Tanker</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$359<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/excav1.jpg" class="card-img-top" alt="Tractor Image">
              <div class="card-body p-4">
                <h4 class="card-title">Tracked-Excav</h4>
                <div class="card-text ">
                  <ul class="d-flex list-unstyled">
                    <li class="rental-list">DX140LCR</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> Doosan</li>
                    <li class="rental-list"> <img src="../static/dot.png" class="px-3" alt="image"></li>
                    <li class="rental-list"> 140ton</li>
                  </ul>
                </div>
                <div class="d-flex justify-content-between">
                    <h3 class="pt-2">$169<span class="rental-price">/day</span></h3>
                    <button class="btn btn-primary custom-btn">Hire Now</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- pricing section start  -->
    <section id="pricing" style="background-color: #f2f2f2;">
      <div class="container py-5 my-5">
        <h2 class="text-center my-5">
          <span style="color: #4a8b32;">See Our Special Offers</span>
        </h2>
        <div class="row py-4">
          <div class="col-lg-3 col-sm-6 col-12 pb-4">
            <div class="pricing-detail py-5 text-center d-flex flex-column" style="border: 2px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient(rgba(240, 240, 240, 0.349), rgba(221, 221, 221, 0.349)), url('../static/card1.jpg'); background-size: cover; height: 100%;">
              <div class="pricing-content flex-grow-1" style="padding-left: 30px; padding-right: 20px; text-align: left;">
                <h3>Save Money with AgriHire Solutions</h3>
                <p>At AgriHire Solutions, we're committed to helping you save money while ensuring top-quality agricultural machinery.</p>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 col-12 pb-4">
            <div class="pricing-detail py-5 text-center d-flex flex-column" style="border: 2px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); height: 100%;">
              <div class="pricing-content flex-grow-1">
                <h3>1 Month</h3>
                <div class="pt-4" style="padding-left: 30px; padding-right: 20px; text-align: left;">
                  <p>✓ Easy Extension</p>
                  <p>✓ Pick Up at Local Store</p>
                  <p>✓ Access to Resource Center</p>
                  <p>✓ Free Tutorial</p>
                  <p>✓ 5% discount</p>
                </div>
              </div>
              <div class="pricing-button mt-auto">
                <button class="btn btn-primary custom-btn">Save Money Now</button>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 col-12 pb-4">
            <div class="pricing-detail py-5 text-center d-flex flex-column" style="border: 2px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); height: 100%;">
              <div class="pricing-content flex-grow-1">
                <h3 class="price-recommend">6 Months</h3>
                <div class="pt-4" style="padding-left: 30px; padding-right: 20px; text-align: left;">
                  <p>✓ Easy Extension</p>
                  <p>✓ Pick Up at Local Store</p>
                  <p>✓ Access to Resource Center</p>
                  <p>✓ Free Tutorial</p>
                  <p>✓ Priority Technical Support</p>
                  <p>✓ 10% discount</p>
                </div>
              </div>
              <div class="pricing-button mt-auto">
                <button class="btn btn-primary custom-btn">Save Money Now</button>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 col-12 pb-4">
            <div class="pricing-detail py-5 text-center d-flex flex-column" style="border: 2px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); height: 100%;">
              <div class="pricing-content flex-grow-1">
                <h3>1 Year</h3>
                <div class="pt-4" style="padding-left: 30px; padding-right: 20px; text-align: left;">
                  <p>✓ Easy Extension</p>
                  <p>✓ Pick Up at Local Store</p>
                  <p>✓ Access to Resource Center</p>
                  <p>✓ Free Tutorial</p>
                  <p>✓ Priority Technical Support</p>
                  <p>✓ Complimentary Service</p>
                  <p>✓ 15% discount</p>
                </div>
              </div>
              <div class="pricing-button mt-auto">
                <button class="btn btn-primary custom-btn">Save Money Now</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="news" class="position-relative">
      <div class="container my-5 py-5">
        <h2 class="text-center my-5">
          <span style="color: #4a8b32;">News</span>
        </h2>
        <div class="row">
          <div class="col-md-4">
            <!-- Card 3 -->
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/johndeer1.jpg" class="card-img-top" alt="John Deer Image">
              <div class="card-body p-4">
                <h4 class="card-title">Latest John Deere model available, ONLY at AgriHire!</h4>
                <div class="card-text ">
                  Powerful engines offer improved all-condition performance and advanced diagnostic capabilities to help keep the S7 Series running strong...
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <!-- Card 3 -->
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/new2.jpg" class="card-img-top" alt="Promo Image">
              <div class="card-body p-4">
                <h4 class="card-title">New Customers: Save $500 on $5000+ Rentals!</h4>
                <div class="card-text ">
                  Calling all new farmers and agricultural businesses! We're excited to introduce an exclusive promotion tailored just for you. For a limited time only, new customers...
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <!-- Card 3 -->
            <div class="card" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
              <img src="../static/newstore1.jpg" class="card-img-top" alt="New Store Image">
              <div class="card-body p-4">
                <h4 class="card-title">Grand Opening Alert: No. 18 Store Welcomes You!</h4>
                <div class="card-text ">
                  Exciting news is in the air as we proudly announce the grand opening of our newest store, nestled in the heart of Christchurch! Join us in celebrating the...
                </div>
              </div>
            </div>
          </div>
        </div> 
      </div>
    </section>

    <!-- services section start  -->
    <section id="services" style="background-color: #f2f2f2;">
      <div class="container py-5 my-5">
        <div class="row py-5">
          <div class="pb-5 col-10 col-sm-8 col-lg-6">
            <h2 class="">
              <span style="color: #4a8b32;">Why Choose Us?</span>
            </h2>
          </div>
          <div class="pb-5 col-lg-6">
            <p class="pt-4">
              At AgriHire Solutions, we're not just another agricultural machinery rental company – we're your trusted partner in farming success. Here's why you should choose our service:
            </p>
          </div>
          <div class="row">
            <div class="mt-4 col-6 col-lg-3">
              <div class="services-components text-center pt-4 pb-3">
                <iconify-icon
                  class="services-icon my-2"
                  icon="solar:shield-check-outline"
                ></iconify-icon>
                <h5>18 Locations Across New Zealand!</h5>
                <p>Discover convenience like never before with our network of 18 locations spread across New Zealand.</p>
              </div>
            </div>
            <div class="mt-4 col-6 col-lg-3">
              <div class="services-components text-center pt-4 pb-3">
                <iconify-icon
                  class="services-icon my-2"
                  icon="solar:bookmark-opened-outline"
                ></iconify-icon>
                <h5>300+ Types of Agricultural Machinery!</h5>
                <p>Explore our vast selection of over 300 types of agricultural machinery.</p>
              </div>
            </div>
            <div class="mt-4 col-6 col-lg-3">
              <div class="services-components text-center pt-4 pb-3">
                <iconify-icon
                  class="services-icon my-2"
                  icon="solar:user-circle-outline"
                ></iconify-icon>
                <h5>Best Rates Guarantee!</h5>
                <p>At AgriHire Solutions, we're committed to offering you the best rates in the industry.</p>
              </div>
            </div>
            <div class="mt-4 col-6 col-lg-3">
              <div class="services-components text-center pt-4 pb-3">
                <iconify-icon
                  class="services-icon my-2"
                  icon="solar:call-chat-outline"
                ></iconify-icon>
                <h5>Easy Pickup & Return!</h5>
                <p>Say goodbye to the hassle of equipment logistics with our easy pickup and return.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- call-to-action section start  -->
    <section id="action" class="position-relative" style="margin-bottom: 50px;">
      <div class="container">
          <h2 class="text-center my-5" style="color: #4a8b32;">Get In Touch</h2>
      </div>
      <div class="container">
          <div class="row justify-content-center">
              <div class="col-md-6">
                  <div class="mail_section_1">
                      <form action="submit_form.php" method="post">
                          <div class="form-group mb-3" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
                              <input type="text" class="form-control" placeholder="Name" name="Name" required>
                          </div>
                          <div class="form-group mb-3" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
                              <input type="email" class="form-control" placeholder="Email" name="Email" required>
                          </div>
                          <div class="form-group mb-3" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
                              <input type="tel" class="form-control" placeholder="Phone Number" name="Phone Number" required>
                          </div>
                          <div class="form-group mb-3" style="border: 1px solid #4a8b32; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);">
                              <textarea class="form-control" placeholder="Message" rows="5" id="comment" name="Message" required></textarea>
                          </div>
                          <div class="form-group text-center">
                            <button class="btn btn-primary custom-btn">Submit</button>
                          </div>
                      </form>
                  </div>
              </div>
          </div>
      </div>
    </section>
  
  

    <!-- Footer Section Starts -->
    <section id="footer">
      <footer style="background: #eee;" class="pt-5">
        <div class="container py-5">
          <div class="row">
            <div class="col-lg-3 col-md-6 mb-4">
              <h4 class="lined lined-dark mb-3">About AgriHire</h4>
              <p class="text-muted text-small">At AgriHire Solutions, our roots run deep in New Zealand's agricultural landscape. Since our inception in 2005, we've been dedicated to supporting the backbone of our economy – our farmers. Our mission is clear: to provide top-quality agricultural machinery rental services to small-scale farmers and lifestyle block owners across the country.</p>
              <p class="text-muted text-small">Experience the AgriHire Solutions difference today and discover how we can help unlock the full potential of your farm. Join us in cultivating a brighter tomorrow for New Zealand agriculture.</p>
            </div>
            <div class="col-lg-3 col-md-6 mb-4">
              <h4 class="lined lined-dark mb-3">Our Locations</h4>
              <h5>Auckland Region</h5>
              <h6>Pukekohe</h6>
              <p class="text-muted mb-0 text-small">28 Harvest Lane, Pukekohe</p>
              <p class="text-muted mb-4 text-small">Phone +64 9 1234 5678 </p>

              <h6>Clevedon</h6>
              <p class="text-muted mb-0 text-small">72 Farming Road, Clevedon</p>
              <p class="text-muted mb-4 text-small">Phone +64 3 9876 5432 </p>

              <h6>Drury</h6>
              <p class="text-muted mb-0 text-small">139 Pasture Place, Drury</p>
              <p class="text-muted mb-4 text-small">Phone +64 9 292 1234 </p>

              <h6>Kumeu</h6>
              <p class="text-muted mb-0 text-small">15 Agronomy Avenue, Kumeu</p>
              <p class="text-muted mb-4 text-small">Phone +64 9 237 7890 </p>
            </div>

            <div class="col-lg-3 col-md-6 mb-4">
              <h4 class="lined lined-dark mb-3" style="color: rgba(0, 0, 0, 0);">Our Locations</h4>
              <h5>Canterbury Region</h5>
              <h6>Rangiora</h6>
              <p class="text-muted mb-0 text-small">18 Farmstead Lane, Rangiora</p>
              <p class="text-muted mb-4 text-small">Phone +64 3 313 4567 </p>

              <h6>Ashburton</h6>
              <p class="text-muted mb-0 text-small">84 Rural Road, Ashburton</p>
              <p class="text-muted mb-4 text-small">Phone +64 3 334 5678 </p>

              <h6>Rolleston</h6>
              <p class="text-muted mb-0 text-small">29 Orchard Avenue, Rolleston</p>
              <p class="text-muted mb-4 text-small">Phone +64 3 321 6789 </p>

              <h6>Lincoln</h6>
              <p class="text-muted mb-0 text-small"> 7 Pasture Street, Lincoln</p>
              <p class="text-muted mb-4 text-small">Phone +64 3 322 7890 </p>

            </div>
            <div class="col-lg-3 col-md-6 mb-4">
              <h4 class="lined lined-dark mb-3" style="color: rgba(0, 0, 0, 0);">Our Locations</h4>
              <h5>Waikato Region</h5>
              <h6>Cambridge</h6>
              <p class="text-muted mb-0 text-small">56 Farming Terrace, Cambridge</p>
              <p class="text-muted mb-4 text-small">Phone +64 7 823 4567 </p>

              <h6>Morrinsville</h6>
              <p class="text-muted mb-0 text-small">41 Harvest Road, Morrinsville</p>
              <p class="text-muted mb-4 text-small">Phone +64 7 887 6543 </p>

              <h6>Te Awamutu</h6>
              <p class="text-muted mb-0 text-small">63 Orchard Street, Te Awamutu</p>
              <p class="text-muted mb-4 text-small">Phone +64 7 882 3456 </p>

              <h6>Matamata</h6>
              <p class="text-muted mb-0 text-small">22 Livestock Lane, Matamata</p>
              <p class="text-muted mb-4 text-small">Phone +64 7 889 7890 </p>

            </div>
          </div>
        </div>
      </footer>

      <div class="container">
        <footer
          class="d-flex flex-wrap justify-content-between align-items-center py-2 pt-4"
        >
          <div class="col-md-6 d-flex align-items-center">
            <p>©2024 AgriHire Solutions - All rights reserved</p>
          </div>
        </footer>
      </div>
    </section>
  </body>

    <!-- script ================================================== -->
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/script.js"></script>
    <script
      src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/js/bootstrap.bundle.min.js"
      integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
      crossorigin="anonymous"
    ></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/9.4.1/swiper-bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.7/dist/iconify-icon.min.js"></script>
  </body>
</html>
